.box {
	border-radius: 12px;
	background: #FFFFFF;
}

.wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	
}

.wrapper .left {
	width: calc((100% - 16px) * 0.33);
	/* height: 60%; */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #4080FF;
}

.wrapper .title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 24px;
	padding-bottom: 0;
}

.wrapper .title div {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.wrapper .title div h4 {
	color: #FFFFFF;
	font-weight: 600;
	font-size: 20px;
}

.wrapper .title img {
	width: 28px;
}

.wrapper .title div img {
	margin-left: 12px;
}

.wrapper .left .cont {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.wrapper .left .amount {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	padding: 36px 0;
}

.wrapper .left .amount p {
	color: #FFFFFF;
	font-size: 18px;
}

.wrapper .left .amount span {
	color: #FFFFFF;
	font-size: 12px;
}

.wrapper .left .amount h4 {
	color: #FFFFFF;
	font-size: 48px;
	font-weight: 600;
	line-height: 1.2;
	margin-top: 8px;
}

.wrapper .left .items {
	width: 100%;
	height: 64%;
	padding-bottom: 8px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background: #FFFFFF;
}

.wrapper .left .items>div {
	padding: 0 24px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.wrapper .left .items p {
	color: #4E5969;
	font-size: 14px;
}

.wrapper .left .items .item div {
	padding: 24px 0;
}

.wrapper .left .items .item div:first-child {
	padding: 32px 0 12px;
}

.wrapper .left .items .item div:first-child p {
	font-size: 18px;
}

.wrapper .left .items .item div:nth-child(2) {
	border-bottom: 1px dashed #E5E6EB;
}

.wrapper .left .items h5 {
	color: #1D2129;
	font-size: 36px;
	font-weight: 600;
}

.wrapper .left .items h5 span {
	color: #86909C;
	font-weight: normal;
	font-size: 14px;
}

.wrapper .left .items h6 {
	color: #1D2129;
	font-size: 20px;
	font-weight: 600;
}

.wrapper .left .items h6 span {
	color: #86909C;
	font-weight: normal;
	font-size: 14px;
}

.wrapper .month {
	width: calc((100% - 16px) * 0.67);
	height: 540.2px;
	padding: 20px;
}

.wrapper .month #monthtj {
	width: 100%;
	height: calc(100% - 28px);
}

.headline h3 {
	color: #1D2129;
	font-size: 20px;
	font-weight: 600;
}

@media screen and (max-width:1600px) {
	.container .content.after .wrapper .left {
		width: 100%;
		margin-bottom: 16px;
	}

	.container .content.after .wrapper .month {
		width: 100%;
	}
}

@media screen and (max-width:1380px) {
	.wrapper .left {
		width: 100%;
		margin-bottom: 16px;
	}

	.wrapper .month {
		width: 100%;
	}
}
